3-2. 命名規則
下記に示す規則に従い命名してください。
基本形
括弧表記の箇所は必須ではありません。必要に応じ設定し、表記順序は基本形を維持してください。
識別子_画像名[_日付][_連番][_デバイス][_状態].拡張子
識別子
| 識別子 | 対象画像 |
|---|---|
| btn | ボタン |
| bnr | バナー |
| img | 写真 / 図 |
| icon | アイコン |
| bg | 背景写真・背景パターン |
| title | タイトル画像 |
| txt | タイトルに該当しないテキスト画像 |
| logo | ロゴ |
画像名
画像名は下記の規則に従い自由に命名してください。
- 使用可能な文字は半角英数字のみです。
- 端的で分かりやすい英単語で命名してください。
- 複数箇所で使用される可能性のある画像（主にバナーやアイコン）は抽象的な名前や使用箇所を限定するような名前を避け、どのような画像か判別可能な名前にしてください。※1
- 言葉にして伝わらない略称を使用しないでください。企業名などの一般的な略称（JAL、JTBほか）は可とします。※2
- 日本語のローマ字表記は使用しないでください。商品名などの固有名詞を綴ったローマ字表記は可とします。※3
- 複数単語による命名の場合はローワーキャメルケースで命名してください。
※1
✕ bnr_campaign_1.jpg、icon_navi_1.png
○ bnr_winterCampaign2016.jpg、icon_info.png
※2
✕ cpn、ttl
○ info、navi
※3
✕ pankuzu、shasin
○ breadcrumbs、picture
日付
降順昇順で並べ替えが効くよう、月日の数字をゼロパディングにした日付を年から設定してください。
2017年1月1日 → 20170101
連番
ゼロパディングを使用せず通常の数値のみで設定してください。
更新によって頻繁に要素が差し替わったり連番どおりの順番でなくなる可能性のあるものへの連番の使用は避けてください。
デバイス
| 表記 | デバイス |
|---|---|
| pc | パソコン |
| sp | スマートフォン |
| tb | タブレット |
| mb | フューチャーフォン / ガラケー |
※デバイス表記は同画像別サイズで各デバイスに必要な場合かつ、同じディレクトリに格納する場合にのみ使用してください。
SVG画像のような様々なデバイスに共通で使用している画像には不要です。
状態
ユーザー操作によって切り替わる画像に設定してください。
on、off、active、disable 等端的で状態が容易に理解できる英単語で命名してください。